<template>
	<view>
		<view class="_rows" @click="onClickRouter">
			<view>
				<image src="../static/gth.png" mode=""></image>
				关于我们
			</view>
			<image src="../static/lefTarrow.png" mode=""></image>
		</view>

		<view class="bot">
			<button type="primary" @click="outLogin">
				退出登录
			</button>
		</view>

	</view>
</template>

<script setup>
	const onClickRouter = () => {
		uni.navigateTo({
			url: "/pages/user/aboutPage",
		})
	}
	const outLogin = () => {
		uni.removeStorageSync('token');
		uni.navigateTo({
			url: "/pages/login/index",
		})
	}
</script>

<style lang="scss">
	page {
		background-color: #f3f3f3;
	}

	._rows {
		background-color: #ffffff;
		height: 80rpx;
		padding: 0 18rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;

		image {
			vertical-align: middle;
			width: 38rpx;
			height: 38rpx;
		}
	}

	.bot {
		height: 140rpx;
		width: 100%;
		background-color: #ffffff;
		position: absolute;
		left: 0;
		bottom: 0rpx;
		display: flex;
		justify-content: center;
		flex-direction: column;

		button {
			width: 100%;
		}
	}
</style>